<template>
  <div>
    <p :class="{ p: true }">我是一个p标签</p>
    <p :class="{ p: 'age>18' }">我是一个p标签1</p>
    <p :class="{ p: is }">我是一个p标签1</p>
    <p :class="['p']">我是可爱的</p>
    
    <li :style="{ color: 'red' }">我是一个利标签</li>
    <li :style="[{ color: 'red' }]">我是可爱的利</li>
    <li :style="[{ fontSize: size }]">我是可爱的利</li>
  </div>
</template>

<script>
export default {
  data() {
    return {
      age: 18,
      is:true,
      size:'30px',
      color:'pink'
    };
  },
};
</script>

<style>
.p {
  color: brown;
 }
</style>